<template>
    <div class="GO-order-detail-wrap">
        <!--基本信息 start-->
        <div class="w w-box">
            <h5 class="item-title">
                <span class="name">订单基础信息</span>
                <el-button>导出</el-button>
            </h5>
            <ul class="data-list-table">
                <li class="li-item" v-for="(item, index) in baseListData" :key="index">
                    <span class="label">{{ item.name }}</span>
                    <span class="val">{{ item.val }}</span>
                </li>
            </ul>
        </div>
        <!--基本信息 end-->
        <!--部门列表 start-->
        <div class="w w-box">
            <h5 class="item-title">
                <span class="name">部门列表</span>
            </h5>
            <template v-for="(dataItem, dataIndex) in sectionData">
                <ul class="data-list-table" :key="dataIndex">
                    <li class="li-item" v-for="(item, index) in dataItem.listData" :key="index">
                        <span class="label">{{ item.name }}</span>
                        <span class="val">{{ item.val }}</span>
                    </li>
                </ul>
                <!--部门数据列表 start-->
                <el-table :data="dataItem.tableData" style="width: 100%">
                    <el-table-column prop="number" label="序号"></el-table-column>
                    <el-table-column prop="proId" label="产品货号"></el-table-column>
                    <el-table-column prop="proName" label="产品名称"></el-table-column>
                    <el-table-column prop="proNumber" label="产品数量"></el-table-column>
                    <el-table-column prop="xzText" label="绣字">
                        <template slot-scope="props">
                            <el-button type="text" v-if="props.row.type" size="small" :style="{ color: '#D5A606' }">定制款（查看详情）</el-button>
                            <span v-else-if="props.row.xzText">{{ props.row.xzText }}</span>
                            <span v-else>无</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="color" label="撞色">
                        <template slot-scope="props">
                            <el-button type="text" v-if="props.row.type" size="small" :style="{ color: '#D5A606' }">定制款（查看详情）</el-button>
                            <span v-else-if="props.row.color">{{ props.row.color }}</span>
                            <span v-else>无</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="customTag" label="自定义参数">
                        <template slot-scope="props">
                            <el-button type="text" v-if="props.row.type" size="small" :style="{ color: '#D5A606' }">定制款（查看详情）</el-button>
                            <span v-else-if="props.row.customTag">{{ props.row.customTag }}</span>
                            <span v-else>无</span>
                        </template>
                    </el-table-column>
                </el-table>
                <!--部门数据列表 end-->
            </template>
        </div>
        <!--部门列表 end-->
        <!--员工列表 start-->
        <div class="w w-box">
            <h5 class="item-title">
                <span class="name">员工列表</span>
            </h5>
            <template v-for="(dataItem, dataIndex) in staffData">
                <h5 class="table-caption" :key="dataIndex">{{ dataItem.name }}</h5>
                <!--部门数据列表 start-->
                <el-table :data="dataItem.tableData" class="staff-table" style="width: 100%">
                    <el-table-column label="序号" prop="number" align="center"></el-table-column>
                    <el-table-column prop="name" label="员工姓名" align="center"></el-table-column>
                    <el-table-column prop="sex" label="性别" align="center"></el-table-column>
                    <el-table-column prop="nameNumber" label="员工编号" align="center"></el-table-column>
                    <el-table-column prop="proName" label="产品名称" align="center"></el-table-column>
                    <el-table-column prop="proSize" label="产品尺寸" align="center"></el-table-column>
                    <el-table-column prop="measureInfo" label="量体数据" align="center"></el-table-column>
                </el-table>
                <!--部门数据列表 end-->
            </template>
        </div>
        <!--员工列表 end-->
        <!--订单附加条件 start-->
        <div class="w w-box">
            <h5 class="item-title">
                <span class="name">订单附加条件</span>
            </h5>
            <ul class="data-list-table">
                <li class="li-item" v-for="(item, index) in conditionListData" :key="index">
                    <span class="label">{{ item.name }}</span>
                    <span class="val">{{ item.val }}</span>
                </li>
            </ul>
            <h5 class="item-title">
                <span class="name">订单费用明细</span>
            </h5>
            <!--面料价格数据列表 start-->
            <h5 class="table-caption">{{ priceData1.name }}</h5>
            <el-table :data="priceData1.tableData" class="staff-table" style="width: 100%">
                <el-table-column label="序号" prop="number" align="center"></el-table-column>
                <el-table-column prop="name" label="面料" align="center"></el-table-column>
                <el-table-column prop="sex" label="米数" align="center"></el-table-column>
                <el-table-column prop="nameNumber" label="标准单位" align="center"></el-table-column>
                <el-table-column prop="proName" label="阶梯折扣" align="center"></el-table-column>
                <el-table-column prop="proSize" label="客户折扣" align="center"></el-table-column>
                <el-table-column prop="measureInfo" label="折后价格" align="center"></el-table-column>
                <el-table-column prop="measureInfo" label="总金额" align="center"></el-table-column>
            </el-table>
            <div class="subtotal-text">
                <span>面料费用小计：</span><b>{{ priceData1.price }}</b>
            </div>
            <!--面料价格数据列表 end-->
            <!--加工费用价格数据列表 start-->
            <h5 class="table-caption">{{ priceData2.name }}</h5>
            <el-table :data="priceData2.tableData" class="staff-table" style="width: 100%">
                <el-table-column label="序号" prop="number" align="center"></el-table-column>
                <el-table-column prop="name" label="品类" align="center"></el-table-column>
                <el-table-column prop="sex" label="性别" align="center"></el-table-column>
                <el-table-column prop="nameNumber" label="件数" align="center"></el-table-column>
                <el-table-column prop="proName" label="标准单位" align="center"></el-table-column>
                <el-table-column prop="proSize" label="阶梯折扣" align="center"></el-table-column>
                <el-table-column prop="proSize" label="客户折扣" align="center"></el-table-column>
                <el-table-column prop="measureInfo" label="折后价格" align="center"></el-table-column>
                <el-table-column prop="measureInfo" label="总金额" align="center"></el-table-column>
            </el-table>
            <div class="subtotal-text">
                <span>加工费用小计：</span><b>{{ priceData2.price }}</b>
            </div>
            <!--加工费用价格数据列表 end-->
            <!--现货费用价格数据列表 start-->
            <h5 class="table-caption">{{ priceData3.name }}</h5>
            <el-table :data="priceData3.tableData" class="staff-table" style="width: 100%">
                <el-table-column label="序号" prop="number" align="center"></el-table-column>
                <el-table-column prop="name" label="产品名称" align="center"></el-table-column>
                <el-table-column prop="sex" label="产品货号" align="center"></el-table-column>
                <el-table-column prop="nameNumber" label="件数" align="center"></el-table-column>
                <el-table-column prop="proName" label="标准单位" align="center"></el-table-column>
                <el-table-column prop="proSize" label="阶梯折扣" align="center"></el-table-column>
                <el-table-column prop="proSize" label="客户折扣" align="center"></el-table-column>
                <el-table-column prop="measureInfo" label="折后价格" align="center"></el-table-column>
                <el-table-column prop="measureInfo" label="总金额" align="center"></el-table-column>
            </el-table>
            <div class="subtotal-text">
                <span>面料费用小计：</span><b>{{ priceData3.price }}</b>
            </div>
            <!--现货费用价格数据列表 end-->
            <div class="enter-bottom-area">
                <div class="sum-price">订单费用总计：<b>31920元</b></div>
                <div class="btn-box">
                    <el-button type="primary" class="enter-btn">立即下单</el-button>
                    <el-button type="primary" class="export-btn">导出</el-button>
                    <el-button class="back-btn">返回</el-button>
                </div>
            </div>
        </div>
        <!--订单附加条件 end-->
    </div>
</template>

<script>
    import { previewOrder } from '@/api/group-order';
    export default {
        name: 'orderDetail',
        data() {
            return {
                //基本列表数据
                baseListData: [
                    {
                        name: '订单编号',
                        val: '33643QXA0034'
                    },
                    {
                        name: '门店编号',
                        val: '3364AA4'
                    },
                    {
                        name: '创建时间',
                        val: '2020-09-29 10:36'
                    },
                    {
                        name: '订单金额',
                        val: '3600元'
                    },
                    {
                        name: '公司名称',
                        val: '文康科技'
                    },
                    {
                        name: '面料来源',
                        val: '厂家面料'
                    },
                    {
                        name: '订单名称',
                        val: '定制POLO'
                    },
                    {
                        name: '面料来源',
                        val: '正常业务'
                    },
                    {
                        name: '快递方式',
                        val: '顺丰（慢）'
                    },
                    {
                        name: '包装方式',
                        val: '扁平箱'
                    },
                    {
                        name: '地址',
                        val: '宁波市鄞州区光华路三方大厦'
                    },
                    {
                        name: '订单备注',
                        val: '客户有要求'
                    }
                ],
                //部门列表数据
                sectionData: [
                    {
                        listData: [
                            {
                                name: '部门名称',
                                val: '文康'
                            },
                            {
                                name: '收货人',
                                val: '高温说'
                            },
                            {
                                name: '联系电话',
                                val: '18201109020'
                            },
                            {
                                name: '收货地址',
                                val: '宁波市鄞州区聚贤路与光华路交叉口三方大厦'
                            }
                        ],
                        tableData: [
                            {
                                type: 1,
                                number: 1,
                                proId: 'GYS001',
                                proName: '西服-上衣',
                                proNumber: '12',
                                xzText: '右袖口/LOGO',
                                color: '',
                                customTag: ''
                            },
                            {
                                type: 0,
                                number: 2,
                                proId: 'GYS001',
                                proName: '定西服-上衣',
                                proNumber: '12',
                                xzText: '',
                                color: '',
                                customTag: ''
                            },
                            {
                                type: 0,
                                number: 3,
                                proId: 'GYS001',
                                proName: '西服-上衣',
                                proNumber: '12',
                                xzText: '右袖口/LOGO',
                                color: '',
                                customTag: ''
                            },
                            {
                                type: 1,
                                number: 4,
                                proId: 'GYS001',
                                proName: '西服-上衣',
                                proNumber: '12',
                                xzText: '右袖口/LOGO',
                                color: '',
                                customTag: ''
                            },
                            {
                                type: 0,
                                number: 5,
                                proId: 'GYS001',
                                proName: '西服-上衣',
                                proNumber: '12',
                                xzText: '右袖口/LOGO',
                                color: '',
                                customTag: ''
                            },
                            {
                                type: 1,
                                number: 6,
                                proId: 'GYS001',
                                proName: '西服-上衣',
                                proNumber: '12',
                                xzText: '右袖口/LOGO',
                                color: '',
                                customTag: ''
                            }
                        ]
                    },
                    {
                        listData: [
                            {
                                name: '部门名称',
                                val: '文康'
                            },
                            {
                                name: '收货人',
                                val: '高温说'
                            },
                            {
                                name: '联系电话',
                                val: '18201109020'
                            },
                            {
                                name: '收货地址',
                                val: '宁波市鄞州区聚贤路与光华路交叉口三方大厦'
                            }
                        ],
                        tableData: [
                            {
                                sectionName: '默认',
                                name: '收货人',
                                tel: '18201109020',
                                address: '宁波市鄞州区光华路与聚贤路交叉口三方大厦B座文康科技',
                                operate: {
                                    edit: 1,
                                    del: 0
                                }
                            },
                            {
                                sectionName: '默认2',
                                name: '收货人2',
                                tel: '18201109020',
                                address: '宁波市鄞州区光华路与聚贤路交叉口三方大厦B座文康科技',
                                operate: {
                                    edit: 1,
                                    del: 1
                                }
                            }
                        ]
                    },
                    {
                        listData: [
                            {
                                name: '部门名称',
                                val: '文康'
                            },
                            {
                                name: '收货人',
                                val: '高温说'
                            },
                            {
                                name: '联系电话',
                                val: '18201109020'
                            },
                            {
                                name: '收货地址',
                                val: '宁波市鄞州区聚贤路与光华路交叉口三方大厦'
                            }
                        ],
                        tableData: [
                            {
                                sectionName: '默认',
                                name: '收货人',
                                tel: '18201109020',
                                address: '宁波市鄞州区光华路与聚贤路交叉口三方大厦B座文康科技',
                                operate: {
                                    edit: 1,
                                    del: 0
                                }
                            },
                            {
                                sectionName: '默认2',
                                name: '收货人2',
                                tel: '18201109020',
                                address: '宁波市鄞州区光华路与聚贤路交叉口三方大厦B座文康科技',
                                operate: {
                                    edit: 1,
                                    del: 1
                                }
                            }
                        ]
                    }
                ],
                //员工列表数据
                staffData: [
                    {
                        name: '文康1',
                        tableData: [
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            },
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            },
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            },
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            },
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            },
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            },
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            },
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            },
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            },
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            }
                        ]
                    },
                    {
                        name: '文康2',
                        tableData: [
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            },
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            },
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            },
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            },
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            },
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            },
                            {
                                number: 1,
                                sex: '男',
                                name: 'XX',
                                nameNumber: '15168560965',
                                proName: '男-西服上衣',
                                proSize: '套号量体',
                                measureInfo: '袖长-2cm'
                            }
                        ]
                    }
                ],
                //基本列表数据
                conditionListData: [
                    {
                        name: '式样',
                        val: '无需试穿'
                    },
                    {
                        name: '紧急指数',
                        val: '常规（7个工作日）'
                    },
                    {
                        name: '改款打样',
                        val: '来款/样式'
                    },
                    {
                        name: '品牌标',
                        val: '派定制'
                    },
                    {
                        name: '订单备注',
                        val: '备注信息'
                    }
                ],
                //价格列表数据
                priceData1: {
                    name: '面料费用',
                    price: '4560元',
                    tableData: [
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        }
                    ]
                },
                priceData2: {
                    name: '加工费用',
                    price: '4560元',
                    tableData: [
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        }
                    ]
                },
                priceData3: {
                    name: '现货费用',
                    price: '4560元',
                    tableData: [
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        },
                        {
                            number: 1,
                            sex: '男',
                            name: 'XX',
                            nameNumber: '15168560965',
                            proName: '男-西服上衣',
                            proSize: '套号量体',
                            measureInfo: '袖长-2cm'
                        }
                    ]
                }
            };
        },
        created() {
            previewOrder({ orderSn: 'MBTM1604503459217558187' }).then(res => {
                console.log(res);
            });
        }
    };
</script>

<style lang="scss">
    .GO-order-detail-wrap {
        padding-bottom: 30px;
        .w-box {
            margin-top: 30px;
            padding: 20px 24px 10px;
        }
        .item-title {
            height: 27px;
            border-left: 5px solid #6f6f6f;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 0 0 20px 0;
            font-weight: 400;

            .name {
                margin-left: 24px;
                font-size: 15px;
            }
        }
        .data-list-table {
            display: flex;
            flex-wrap: wrap;
            margin: 30px 0;
            .li-item {
                height: 36px;
                flex-shrink: 0;
                display: flex;
                min-width: 33%;
                line-height: 1;
                align-items: center;
                justify-content: stretch;
                color: #4f4f4f;
                font-size: 15px;
                .label {
                    background-color: rgba(249, 249, 249, 1);
                    width: 112px;
                    height: 100%;
                    display: inline-flex;
                    align-items: center;
                    padding: 0 0 0 20px;
                }
                .val {
                    min-width: 140px;
                    padding: 0 20px;
                }
            }
        }
        .el-table {
            thead {
                th {
                    background-color: #f9f9f9;
                    color: #333333;
                    font-weight: 400;
                }
            }
            tbody {
                td {
                    color: #333;
                }
            }
        }
        .table-caption {
            font-size: 16px;
        }
        .subtotal-text {
            padding: 20px 0;
            font-size: 16px;
            span {
                color: #262626;
            }
            b {
                color: #d70101;
            }
        }
        .enter-bottom-area {
            display: flex;
            justify-content: space-between;
            padding: 30px 0;
            .sum-price {
                font-size: 16px;
                color: #262626;
                font-weight: 700;
                b {
                    color: #d70101;
                }
            }
        }
    }
</style>
